import { useLocale, useOptions } from "@/hooks"

import GameListSelect from "../../common/gameListSelect"

const AppTypeSelector = ({ ...props }: { props?: object }) => {
	const { formatMessage } = useLocale()
	const options = useOptions({ modal: "loginDeviceType", func: formatMessage })

	return (
		<GameListSelect
			name="appType"
			labelId="funds.proxy_member_funds_record.app_type"
			placeholderId="common.select_all"
			allowClear
			options={options}
			{...props}
		/>
	)
}

export default AppTypeSelector
